<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name='format-detection' content='telephone=no' />
<title>人车人</title><link rel="icon" href="/assets/img/titleico.ico" type="image/x-icon">
<link rel="stylesheet" href="/assets/css/common.css" />
<link rel="stylesheet" href="/assets/css/iconfont/iconfont.css" />
<style>
section {
	padding-bottom: 30%;
}

section .carclass .title {
	font-weight: normal;
	background-color: #f2f2f2;
	color: #666;
	padding-left: 5%;
	height: 3.4rem;
	line-height: 3.4rem;
}

section .carclass ul li {
	position: relative;
	background-color: #fff;
}

section .carclass ul li a {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}

section .carclass ul li div {
	padding: 16px 5%;
	color: #333;
	font-size: 1.6rem;
	align-items: center;
	justify-content: between;
}

section .carclass ul li span {
	padding-left: 10%;
	font-size: 1.8rem;
}

section .carclass ul li i {
	color: #c7c7cc;
}

.clone {
	position: fixed;
	z-index: 5;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #f2f2f2;
	color: #666;
	text-indent: 5%;
	height: 3.4rem;
	line-height: 3.4rem;
	display: none;
}
</style>
<script src="/assets/js/jquery-3.1.1.min.js"></script>
</head>
<body>
	<!-- header start -->
	#@tabHead("自由光",true)
	<!-- end header -->

	<div class="clone" id="clone"></div>
	<section>
		<div class="carclass">
			<h4 class="title pos">Jeep</h4>
			<ul>
				<li class="b_bor ac"><a href="/product/classCar"></a>
					<div class="flexbox info">
						<img src="images/car.png" title="自由光" alt="自由光" /> <span
							class="flex">自由光</span> <i class="iconfont">&#xe60d;</i>
					</div></li>
				<li class="ac"><a href="/product/classCar"></a>
					<div class="flexbox info">
						<img src="images/car.png" title="自由光" alt="自由光" /> <span
							class="flex">自由光</span> <i class="iconfont">&#xe60d;</i>
					</div></li>
			</ul>
		</div>
		<div class="carclass">
			<h4 class="title pos">日产</h4>
			<ul>
				<li class="ac"><a href="/product/classCar"></a>
					<div class="flexbox info">
						<img src="images/car.png" title="自由光" alt="自由光" /> <span
							class="flex">自由光</span> <i class="iconfont">&#xe60d;</i>
					</div></li>
				<li class="ac"><a href="/product/classCar"></a>
					<div class="flexbox info">
						<img src="images/car.png" title="自由光" alt="自由光" /> <span
							class="flex">自由光</span> <i class="iconfont">&#xe60d;</i>
					</div></li>
				<li class="ac"><a href="/product/classCar"></a>
					<div class="flexbox info">
						<img src="images/car.png" title="自由光" alt="自由光" /> <span
							class="flex">自由光</span> <i class="iconfont">&#xe60d;</i>
					</div></li>
				<li class="ac"><a href="/product/classCar"></a>
					<div class="flexbox info">
						<img src="images/car.png" title="自由光" alt="自由光" /> <span
							class="flex">自由光</span> <i class="iconfont">&#xe60d;</i>
					</div></li>
			</ul>
		</div>
		<div class="carclass">
			<h4 class="title pos">菲亚特</h4>
			<ul>
				<li class="b_bor ac"><a href="/product/classCar"></a>
					<div class="flexbox info">
						<img src="images/car.png" title="自由光" alt="自由光" /> <span
							class="flex">自由光</span> <i class="iconfont">&#xe60d;</i>
					</div></li>
				<li class="b_bor ac"><a href="/product/classCar"></a>
					<div class="flexbox info">
						<img src="images/car.png" title="自由光" alt="自由光" /> <span
							class="flex">自由光</span> <i class="iconfont">&#xe60d;</i>
					</div></li>
				<li class="b_bor ac"><a href="/product/classCar"></a>
					<div class="flexbox info">
						<img src="images/car.png" title="自由光" alt="自由光" /> <span
							class="flex">自由光</span> <i class="iconfont">&#xe60d;</i>
					</div></li>
				<li class="ac"><a href="/product/classCar"></a>
					<div class="flexbox info">
						<img src="images/car.png" title="自由光" alt="自由光" /> <span
							class="flex">自由光</span> <i class="iconfont">&#xe60d;</i>
					</div></li>
				<li class="b_bor ac"><a href="/product/classCar"></a>
					<div class="flexbox info">
						<img src="images/car.png" title="自由光" alt="自由光" /> <span
							class="flex">自由光</span> <i class="iconfont">&#xe60d;</i>
					</div></li>
				<li class="ac"><a href="/product/classCar"></a>
					<div class="flexbox info">
						<img src="images/car.png" title="自由光" alt="自由光" /> <span
							class="flex">自由光</span> <i class="iconfont">&#xe60d;</i>
					</div></li>
				<li class="b_bor ac"><a href="/product/classCar"></a>
					<div class="flexbox info">
						<img src="images/car.png" title="自由光" alt="自由光" /> <span
							class="flex">自由光</span> <i class="iconfont">&#xe60d;</i>
					</div></li>
				<li class="ac"><a href="/product/classCar"></a>
					<div class="flexbox info">
						<img src="images/car.png" title="自由光" alt="自由光" /> <span
							class="flex">自由光</span> <i class="iconfont">&#xe60d;</i>
					</div></li>
			</ul>
		</div>
	</section>

	<!-- footer start -->
	#--#@footer(1)--#
	<!-- end footer -->

	<script src="/assets/js/fastclick.min.js"></script>
	<script src="/assets/js/xxsg.js"></script>
	<script>
		$(function(){
			var h4 = $('section h4'),
				cloneDom = $('#clone');
			$(window).scroll(function(){
				var $top = document.body.scrollTop;
				h4.each(function(){
					if($top >= $(this).offset().top){
						cloneDom.text($(this).text()).show();
					}
					
				});
				if($top <= h4.eq(0).offset().top){
					cloneDom.hide();
				}
			})
		});
	</script>
</body>
</html>